<template>
    <div>
         <teachingF v-if="isZi" v-model:isZi="isZi"></teachingF>
         <enterClass v-else  v-model:isZi="isZi"></enterClass>
       <!-- </div> -->
        </div>
    </template>
    
<script setup lang="ts">
    import { ref, reactive } from 'vue';
    import teachingF from './TeachingF.vue'
    import enterClass from './EnterClass.vue';
   //通过父子传值来实现 组件的转换
    const isZi = ref(true);
</script >
 <style lang="less" scoped>

 </style>